.tabbar{
  position:fixed;
  bottom:0;
  left:0;
  width:106%;
  height:1rem;
  box-shadow: 0 3px 14px 2px rgba(0,0,0,.12);


  ul{
    height:100%;
    display:flex;
    justify-content: space-around;
    align-items:center;
    background-color:#fff;
    li{
      position:relative;
      strong{
        position: absolute;
        top: -0.4rem;
        right: -0.5rem;
        padding: .3rem;
        /* background-color: red; */
        color: red;
        border-radius: 50%;
      }
      a.active{
        i,span{
          color:orange;
        }

      }

      a{
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        color: #999;

        i{

          font-size:.4rem;

        }
        span{
          font-size: 0.22rem;
        }
      }
    }

  }
}